<template>
  <div id="app">
    <p>
      数量:<input type="number" v-model.number="count">
    </p>
    <p>
      价格:<input type="text" v-model.number="price">
    </p>
    <p>总价格:{{count * price | handleSum}}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      count: 3,
      price: 10,
    };
  },
  // computed:{
  //   sum(){
  //     return "$" + this.price * this.count
  //   }
  // }
  filters:{
    handleSum(val){
      return '$' + val
    }
  }
};
</script>

<style>
</style>